<nav class="top-bar" data-topbar>
    <ul class="title-area">
        <li class="name">
            <h1><a href="#"><img src="content/img/logo.png" alt="" /></a></h1>
        </li>
        <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
    </ul>

    <section class="top-bar-section">
        <ul class="right">
            <li><a href="http://www.greentomato.com.ar" target="_blank"><img src="content/img/gt-mini-logo.png" alt="GT" />Web Preview</a></li>
        </ul>

        <!-- Left Nav Section -->
        <ul class="left">
            <li><a class="estas-viendo" href="#">Estas viendo:</a></li>
            <li class="has-dropdown">
                <a class="active view" href="#"><?php echo $section ?></a>
                <ul class="dropdown">
                    <li><a href="index-mob.php">Home</a></li>
                    <li><a href="menu-mob.php">Menu mobile</a></li>
                    <li><a href="advertising-mob.php">Advertising</a></li>
                    <li><a href="proyecto-individual-mob.php">Proyecto individual</a></li>
                    <li><a href="servicios-mob.php">Servicios</a></li>
                    <li><a href="about-clients-mob.php">About / Clients</a></li>
                </ul>
            </li>
            
            <li><a class="device inactive" href="index.php"><i class="fa fa-desktop"></i> Desktop</a></li>
            <li><a class="device active" href="index-mob.php"><i class="fa fa-mobile"></i> Mobile</a></li>
        </ul>
    </section>
</nav>